﻿<%@ Page Title="" Language="C#" MasterPageFile="~/templates/general.master" AutoEventWireup="true" CodeFile="myprofile.aspx.cs" Inherits="myprofile" %>

<%@ MasterType VirtualPath="~/templates/general.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContent" runat="Server">
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/font-awesome.min.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/animate-custom.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/navion-css.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/navion-responsive.css")%>" rel="stylesheet" />
    <script src="scripts/myprofile.js"></script>
    <style type="text/css">
        .nav-contactform > div ~ div
        {
            margin-top: 0px;
        }

        .one
        {
            width: 40%;
            float: left;
        }

        .two
        {
            width: 57%;
            float: right;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="fullScreenItem loading" id="myprofilePage">
        <div id="containerCenter">
            <div id="wrapper">
                <div id="leftcol">My Profile</div>
                <div id="rightcol" class="nav-contactform ">
                    <label class="nav-submitbt solid-purple light-text" for="nav-logout">
                        <span>Logout</span>
                    </label>
                    <input type="submit" class="none" value="" id="nav-logout" name="Logout" />
                </div>
            </div>
        </div>
        <div id="deleteMessage" class="solid-purple light-text" style="display: none; height: 65px; margin-left: 20px; margin-right: 15px; margin-bottom: 10px; font-size: 14px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 17px;">
        </div>
        <div id="profileSection" class="nav-metro">

            <!-- Start Sub Menu -->
            <input type="radio" class="nav-subctrl" id="submenu-2" name="navion">
            <div class="nav-submenu animated nav-fadeInUp">

                <!-- Start Sub Tab - My Profile -->
                <label class="nav-subtab subtab-pos-2 solid-purple" for="nav-subtab-3c">
                    <span>My Profile</span>
                </label>
                <!-- End Sub Tab - My Profile -->

                <!-- Start Sub Tab Content - My Profile -->
                <input type="radio" class="nav-subtab-ctrl" name="navion-subtab" id="nav-subtab-3c" checked />
                <div class="nav-sub-container animated nav-fadeInLeft nav-subtab-content dark-text transparent-mist">

                    <!-- Start Active Line -->
                    <div class="nav-subtab-active subtab-pos-2 solid-purple"></div>
                    <!-- End Active Line -->

                    <!-- Start Content Zone -->
                    <div class="nav-submenu-content">
                        <div class="nav-col-2 dark-text" style="width: 200px;">
                            <span class="label-info solid-blue-2 light-text">User ID</span>
                            <span class="label-info solid-blue-2 light-text">Title</span>
                            <%--<span class="label-info solid-blue-2 light-text">Gender</span>--%>
                            <span class="label-info solid-blue-2 light-text">First name</span>
                            <span class="label-info solid-blue-2 light-text">Last name</span>
                            <span class="label-info solid-blue-2 light-text">Username</span>
                            <span class="label-info solid-blue-2 light-text">Email Address</span>
                            <span class="label-info solid-blue-2 light-text">Country</span>
                            <span class="label-info solid-blue-2 light-text">Organization</span>
                            <span class="label-info solid-blue-2 light-text">Purpose</span>
                        </div>
                        <div class="nav-col-2 dark-text">
                            <span id="userid" class="label-infoval solid-blue-2 light-text"></span>
                            <span id="title" class="label-infoval solid-blue-2 light-text"></span>
                            <%--<span id="gender" class="label-infoval solid-blue-2 light-text" ></span>--%>
                            <span id="firstname" class="label-infoval solid-blue-2 light-text"></span>
                            <span id="lastname" class="label-infoval solid-blue-2 light-text"></span>
                            <span id="username" class="label-infoval solid-blue-2 light-text"></span>
                            <span id="emailaddress" class="label-infoval solid-blue-2 light-text"></span>
                            <span id="country" class="label-infoval solid-blue-2 light-text"></span>
                            <span id="organization" class="label-infoval solid-blue-2 light-text"></span>
                            <span id="purpose" class="label-infoval solid-blue-2 light-text"></span>
                        </div>

                        <div class="clearspace"></div>
                    </div>

                </div>
                <!-- End Sub Tab Content - My Profile -->

                <!-- Start Sub Tab - Update Profile -->
                <label class="nav-subtab subtab-pos-3 solid-darkblue" for="nav-subtab-2c">
                    <span>Update Profile</span>
                </label>
                <!-- End Sub Tab - Update Profile -->

                <!-- Start Sub Tab Content - Update Profile -->
                <input type="radio" class="nav-subtab-ctrl" name="navion-subtab" id="nav-subtab-2c">
                <div class="nav-sub-container animated nav-fadeInRight nav-subtab-content dark-text transparent-mist">

                    <!-- Start Active Line -->
                    <div class="nav-subtab-active subtab-pos-3 solid-darkblue"></div>
                    <!-- End Active Line -->

                    <!-- Start Content Zone -->
                    <div class="nav-submenu-content">
                        <div class="nav-col-2 dark-text">
                            <div id="updateInfo" class="solid-purple light-text" style="display: none; height: 65px; margin-bottom: 10px; font-size: 14px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 17px;"></div>

                            <div class="nav-contactform">
                                <div class="one">
                                    <span class="label-info solid-blue-2 light-text">Title</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="titleUpdate" id="titleUpdate" class="solid-blue-2 light-text" />
                                </div>
                                <div class="one">
                                    <span class="label-info solid-blue-2 light-text">First name</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="firstnameUpdate" id="firstnameUpdate" class="solid-blue-2 light-text" />
                                </div>
                                <div class="one">
                                    <span class="label-info solid-blue-2 light-text">Last name</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="lastnameUpdate" id="lastnameUpdate" class="solid-blue-2 light-text" />
                                </div>
                                <%--  <div class="one">
                                    <span class="label-info solid-blue-2 light-text">Gender</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="genderUpdate" id="Text1" class="solid-blue-2 light-text" />
                                </div>--%>
                                <div class="one">
                                    <span class="label-info solid-blue-2 light-text">Email Address</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="emailAddressUpdate" id="emailAddressUpdate" class="solid-blue-2 light-text" />
                                </div>
                                <div class="one">
                                    <span class="label-info solid-blue-2 light-text">Country</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="countryUpdate" id="countryUpdate" class="solid-blue-2 light-text" />
                                </div>
                                <div class="one">
                                    <span class="label-info solid-blue-2 light-text">Organization</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="organizationUpdate" id="organizationUpdate" class="solid-blue-2 light-text" />
                                </div>
                                <div class="one">
                                    <span class="label-info solid-blue-2 light-text">Purpose</span>
                                </div>
                                <div class="two">
                                    <input type="text" onfocus="if(this.value==this.value) this.value=''" onblur="this.value=this.value==''?this.value:this.value;" maxlength="100" value="" name="purposeUpdate" id="purposeUpdate" class="solid-blue-2 light-text" />
                                </div>
                                <div class="one">
                                    <input id="btnUpdateProfile" type="submit" value="Update Profile" name="btnUpdateProfile" class="solid-green-2 light-text" style="cursor: pointer; text-align: center; width: 100%; color: #fff; padding: 2%; border: 0; margin-top: 10px; height: 59px; line-height: 34px; font-size: 14px; font-family: Trebuchet, Arial, sans-serif;" />
                                </div>
                            </div>
                        </div>

                        <div class="nav-col-2 dark-text">
                            <div class="solid-blue-2 light-text" style="height: 65px; margin-left: 20px; margin-right: 15px; margin-bottom: 10px; font-size: 14px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 17px;">Warning! This action will remove all data associated with your profile. You might not be able to access your devices and sensors anymore.</div>
                            <div class="nav-contactform">
                                <input id="passwordConfirm" type="text" onfocus="if(this.value=='Password Confirmation') this.value=''" onblur="this.value=this.value==''?'Password Confirmation':this.value;" maxlength="100" value="Password Confirmation" name="passwordConfirm" class="solid-purple light-text" style="width: 88%; margin-left: 20px;" />
                            </div>
                            <div id="btnDeleteUser" class="solid-red light-text" style="text-align: center; height: 40px; cursor: pointer; margin-left: 20px; margin-right: 15px; margin-bottom: 10px; font-size: 18px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 37px;">
                                Delete
                            </div>
                        </div>

                        <div class="clearspace"></div>
                    </div>
                </div>
                <!-- End Content Zone -->

            </div>
            <!-- End Sub Tab Content - Update Profile -->

        </div>
        <!-- End Main Item - Metro Style -->
    </div>
</asp:Content>

